<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">


        <ui:define name="title">
            <h:outputText value="Pagos"></h:outputText>
        </ui:define>

        <ui:define name="body">
            <h:form id="PagosListForm">
                <p:dataTable id="datalist" value="#{pagosController.itemsEspera}" var="item"
                             selectionMode="single" selection="#{pagosController.selected}"
                             paginator="true"
                             rowKey="#{item.idPagos}"
                             rows="10"
                             rowsPerPageTemplate="10,20,30,40,50"
                             >
                    <f:facet name="header">
                        <h:outputText value="Lista en Espera"/>
                    </f:facet>
                    <p:ajax event="rowSelect"   update="editButton"/>
                    <p:ajax event="rowUnselect" update="editButton"/>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="IDENTIFICACION"/>
                        </f:facet>
                        <h:outputText value="#{item.idUsuario.identidad}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="USUARIO"/>
                        </f:facet>
                        <h:outputText value="#{item.idUsuario.nombres} #{item.idUsuario.apellidos} "/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="F. REGISTRO"/>
                        </f:facet>
                        <h:outputText value="#{item.fechaRegistro}">
                            <f:convertDateTime pattern="EEE, dd MMM, yyyy, HH:mm" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="F. CADUCIDAD"/>
                        </f:facet>
                        <h:outputText value="#{item.fechaCaducidad}">
                            <f:convertDateTime pattern="EEE, dd MMM, yyyy" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="# DEPOSITO"/>
                        </f:facet>
                        <h:outputText value="#{item.numeroDeposito}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="VALOR"/>
                        </f:facet>
                        <h:outputText value="#{item.valor}"/>
                    </p:column>

                    <f:facet name="footer">
                        <p:commandButton id="editButton"   icon="ui-icon-pencil" value="#{bundle.Edit}" update=":PagosEditForm" oncomplete="PF('PagosEditDialog').show()" disabled="#{empty pagosController.selected}"/>
                        <p:commandButton id="updateButton"   icon="ui-icon-refresh" value="Actualizar"  actionListener="#{pagosController.init}" update=":PagosListForm"/>
                    </f:facet>
                </p:dataTable>
            </h:form>
            <ui:include src="Create.xhtml"/>
            <ui:include src="Edit.xhtml"/>
            <ui:include src="View.xhtml"/>
            <h:form id="buscarForm">
                <h:panelGrid columns="2"  style="width:100%;">
                    <p:panel>
                        <h:panelGrid columns="2" >
                            <f:facet name="header">
                                <h:outputText value="Buscar Pagos Por Usuario"/>
                            </f:facet>
                            <p:inputText placeholder="Buscar Por Identificacion" value="#{pagosController.identidad}"/>
                            <p:commandButton action="#{pagosController.buscarUsuario}" icon="ui-icon-search" update=":buscarForm"/>
                            <h:panelGrid columns="2"  rendered="#{pagosController.usuario!=null}">
                                <f:facet name="header">
                                    <p:graphicImage value="Documentos/#{pagosController.usuario.username}/#{pagosController.usuario.url}" width="60" height="60"/> 
                                </f:facet>
                                <h:outputText value="NOMBRES:" style="font-weight: bold; color: #0480be"/>
                                <h:outputText value="#{pagosController.usuario.nombres} #{pagosController.usuario.apellidos}"/>
                                <h:outputText value="IDENTIFICACION:" style="font-weight: bold; color: #0480be"/>
                                <h:outputText value="#{pagosController.usuario.identidad}"/>
                                <h:outputText value="EMAIL:" style="font-weight: bold; color: #0480be"/>
                                <h:outputText value="#{pagosController.usuario.correoElectronico}"/>
                                <h:outputText value="ESTADO:" style="font-weight: bold; color: #0480be"/>
                                <p:selectOneMenu id="estado" 
                                                 value="#{pagosController.usuario.sistemaUsuario.estado}"
                                                 disabled="true">
                                    <f:selectItem itemLabel="PAGADO" itemValue="P" />  
                                    <f:selectItem itemLabel="VENCIDO" itemValue="V" />
                                    <f:selectItem itemLabel="EN ESPERA" itemValue="E" />  
                                </p:selectOneMenu>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:panel>

                    <p:dataTable id="datalistSearch" value="#{pagosController.itemsPagoUsuario}" var="item"
                                 selectionMode="single" selection="#{pagosController.selected}"
                                 paginator="true"
                                 rowKey="#{item.idPagos}"
                                 rows="10"
                                 >
                        <f:facet name="header">
                            <h:outputText value="Pagos del Usuario buscado"/>
                        </f:facet>
                        <p:ajax event="rowSelect"   update="createButton viewButton editarButton"/>
                        <p:ajax event="rowUnselect" update="createButton viewButton editarButton"/>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="F. REGISTRO"/>
                            </f:facet>
                            <h:outputText value="#{item.fechaRegistro} " >
                                <f:convertDateTime pattern="EEE, dd MMM, yyyy, HH:mm" />
                            </h:outputText>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="F. CADUCIDAD"/>
                            </f:facet>
                            <h:outputText value="#{item.fechaCaducidad}">
                                <f:convertDateTime pattern="EEE, dd MMM, yyyy" />
                            </h:outputText>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="F. DEPOSITO"/>
                            </f:facet>
                            <h:outputText value="#{item.fechaDeposito}">
                                <f:convertDateTime pattern="EEE, dd MMM, yyyy" />
                            </h:outputText>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="# DEPOSITO"/>
                            </f:facet>
                            <h:outputText value="#{item.numeroDeposito}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="VALOR"/>
                            </f:facet>
                            <h:outputText value="#{item.valor}"/>
                        </p:column>
                        <f:facet name="footer">
                            <p:commandButton id="createButton" icon="ui-icon-plus"   
                                             update=":PagosCreateForm" oncomplete="PF('PagosCreateDialog').show()"
                                             value="#{bundle.Create}" actionListener="#{pagosController.prepareCreate}"/>

                            <p:commandButton id="viewButton"   icon="ui-icon-search"  
                                             update=":PagosViewForm" oncomplete="PF('PagosViewDialog').show()"
                                             value="Ver" disabled="#{empty pagosController.selected}"/>

                            <p:commandButton id="editarButton"   icon="ui-icon-pencil" 
                                             update=":PagosEditForm" oncomplete="PF('PagosEditDialog').show()"
                                             value="#{bundle.Edit}" disabled="#{empty pagosController.selected}"/>
                        </f:facet>
                    </p:dataTable>
                </h:panelGrid>
            </h:form>
        </ui:define>
    </ui:composition>

</html>
